{% extends "base.html" %}

{% block corpo %}

<body onload="JavaScript:timedRefresh(2000);">

<script type="text/JavaScript">
<!--
function timedRefresh(timeoutPeriod) {
	setTimeout("location.reload(true);",timeoutPeriod);
}
//   -->
</script>

	<center>
	<p>

		<a href="/exibir_pedidos_entregues/">Entregues
		</a><p>
		
		<a href="/exibir_pedidos_pendentes/">Pendentes
		</a><p>


	</p>	
	<table border = "1">
		<tr>
			<td>Pedido</td>
			<td>Hora do Pedido</td>
			<td>Nome do produto</td>
			<td>Quantidade pedida</td>
			<td>Limite de tempo</td>
			<td>Hora atual</tb> 
			<td>Entregue</tb>
			<td>Atraso em minutos</tb>
			<td>Cliente</tb>

		</tr>	
	{% for pedido in lista_de_pedidos %}
		<tr>
			<td><a href="/pedido/{{pedido.id}}">{{pedido.id}}</td></a>
			<td>{{pedido.hora_do_pedido}}</td>
			<td>{{pedido.nome_do_produto}}</td>
			<td>{{pedido.quantidade}}</td>
			<td>{{pedido.limite_de_tempo}}
			<td>{{hora_atual.hour}}:{{hora_atual.minute}}:{{hora_atual.second}}</td>
			<td>{{pedido.entregue}}</td>
			<td>{{pedido.minutos_em_atraso}}</td>
			<td>{{pedido.cliente.first_name}}</td>
		</tr>
	{% empty %}
		Nao existem pedidos cadastrados!
	{% endfor %}
	</table>
	</center>

{% endblock %}